/**
 * 服务
 * @author 许明浩 微信: muaiyuese
 */
import { Grid, ConfigProvider } from "@nutui/nutui-react-taro";
import { View, Image } from "@tarojs/components";

function GiveServiceTo() {
  return (
    <View className="rounded-lg bg-white overflow-hidden mt-[30rpx] mx-[30rpx] py-[20rpx]">
      <View className="text-[32rpx] font-medium ml-[40rpx] mt-[14rpx] mb-[30rpx]">
        服务内容
      </View>
      <ConfigProvider
        theme={{
          "--nutui-grid-border-color": "none",
        }}
      >
        <Grid columns="4">
          <Grid.Item text="关于">
            <Image
              src={require("../../../../assets/img/icon/abort.png")}
              className="w-[48rpx] h-[48rpx]"
            />
          </Grid.Item>
          <Grid.Item text="运输">
            <Image
              src={require("../../../../assets/img/icon/car.png")}
              className="w-[48rpx] h-[48rpx]"
            />
          </Grid.Item>
          <Grid.Item text="指南">
            <Image
              src={require("../../../../assets/img/icon/guide.png")}
              className="w-[48rpx] h-[48rpx]"
            />
          </Grid.Item>
        </Grid>
      </ConfigProvider>
    </View>
  );
}

export default GiveServiceTo;
